<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>编辑</title>
		<link rel="stylesheet" type="text/css" href="../../plugins/layui/css/layui.css" />
		<link href="../../kitAdmin/css/app.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../plugins/select2/dist/css/select2.min.css" />
		<style type="text/css">
			label {
				width: 150px !important;
			}
			
			.layui-input-block {
				margin-left: 180px;
				min-height: 36px
			}
			
			.layui-word-aux span {
				color: #000000 !important;
			}

			.textSamrk {
				min-height: 46px;
				height: auto;
				padding: 6px 10px;
				resize: vertical;
				width: 432px;
			}


		</style>
	</head>

	<body>
		<div class='kit-table'>
			<div style='margin: 10px'>

				<form class='layui-form' action='' lay-filter='form-edit'>
					<input type='hidden' name='id' data-link='{:id}' />
					<input type='hidden' name='studentId' data-link='{:studentId}' />
					<input type='hidden' name='teacherId' data-link='{:teacherId}' />
					<input type='hidden' name='materialId' data-link='{:material}' />
					<input type='hidden' name='remainingHours' data-link='{:hoursRemaining}' />
					<input type='hidden' name='enrolledHours' data-link='{:hoursEnrolled}' />
					<div class='layui-form-item'>
						<div class='layui-inline'>
							<label class='layui-form-label'>Name of student：</label>
							<div class='layui-input-inline'>
								<p style="color: #000000;margin-top:10px" id="stuname" ></p>
							</div>
						</div>
					</div>
					<div class='layui-form-item'>
						<div class='layui-inline'>
							<label class='layui-form-label'>Level：</label>
							<div class='layui-input-inline'>
								<input disabled type='text' placeholder=''data-link='{:level}' id='_level' name='level' class='layui-input'>
							</div>
						</div>

					</div>
					<div class='layui-form-item'>
						<div class='layui-inline'>
							<label class='layui-form-label'>Speaking：</label>
							<div class="layui-input-block">
								<textarea  disabled data-link='{:sparking}' id='_sparking' name='sparking'class="textSamrk"></textarea>
							</div>
						</div>
					</div>

					<div class='layui-form-item'>
						<div class='layui-inline'>
							<label class='layui-form-label'>Diction：</label>
							<div class="layui-input-block">
								<textarea  disabled data-link='{:diction}' id='_diction' name='diction'class="textSamrk"></textarea>
							</div>
						</div>
					</div>

					<div class='layui-form-item'>
						<div class='layui-inline'>
							<label class='layui-form-label'>Grammar：</label>
							<div class="layui-input-block">
								<textarea  disabled data-link='{:grammar}' id='_grammar' name='grammar'class="textSamrk"></textarea>
							</div>
						</div>
					</div>

					<div class='layui-form-item'>
						<div class='layui-inline'>
							<label class='layui-form-label'>Sentence Construction：</label>
							<div class="layui-input-block">
								<textarea disabled  data-link='{:sentence}' id='_sentence' name='sentence'class="textSamrk"></textarea>
							</div>
						</div>
					</div>

					<div class='layui-form-item'>
						<div class='layui-inline'>
							<label class='layui-form-label'>Listening：</label>
							<div class="layui-input-block">
								<textarea  disabled data-link='{:listening}' id='_listening' name='listening'class="textSamrk"></textarea>
							</div>
						</div>
					</div>

					<div class='layui-form-item'>
						<div class='layui-inline'>
							<label class='layui-form-label'>Reading：</label>
							<div class="layui-input-block">
								<textarea disabled  data-link='{:reading}' id='_reading' name='reading'class="textSamrk"></textarea>
							</div>
						</div>
					</div>

					<div class='layui-form-item'>
						<div class='layui-inline'>
							<label class='layui-form-label'>Comprehension：</label>
							<div class="layui-input-block">
								<textarea disabled data-link='{:comprehension}' id='_comprehension' name='comprehension'class="textSamrk"></textarea>
							</div>
						</div>
					</div>

					<div class='layui-form-item'>
						<div class='layui-inline'>
							<label class='layui-form-label'>General recommendation of teacher：</label>
							<div class="layui-input-block">
								<textarea disabled data-link='{:general}' id='_general' name='general'class="textSamrk"></textarea>
							</div>
						</div>
					</div>

					<div class='layui-form-item'>
						<div class='layui-inline'>
							<label class='layui-form-label'>Material recommended：</label>
							<div class="layui-input-block">
								<textarea disabled data-link='{:material}' id='_material' name='material'class="textSamrk"></textarea>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
		<script src="../../common/js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../static/js/base.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../plugins/jsviews/jsviews.js" type="text/javascript"></script>
		<script src="../../plugins/select2/dist/js/select2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../plugins/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			// var purchaseCourseId = getQueryVariable('purchaseCourseId');
			var uid = getQueryVariable('id');
			jQuery(document).ready(function() {
				bindFormData();
			});
			var callback_save = function() {
				return $('.layui-form').serialize();
			}

			function bindFormData() {
				var arr = [];
				$.ajax({
					url:baseUrl+ '/trylistenmanages/getReport?id=' + uid,
					type: 'get',
					async: false,
					success: function(datas) {
						console.log(datas);
						var data=datas.data;
						$('#stuname').html(data.studentName);
						$.link(true, ".kit-table", data);
					}
				});

			}

			layui.use(['form', 'layedit', 'laydate'], function() {
				var form = layui.form,
					layer = layui.layer,
					layedit = layui.layedit,
					laydate = layui.laydate;
			})
		</script>
	</body>

</html>